<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:t="http://myfaces.apache.org/tomahawk">

	<ui:composition template="/template/pPrincipal.xhtml">

		<ui:define name="head">
			<title>Project Basic</title>
		</ui:define>

		<ui:define name="titulopagina">
			<!-- contenido del titulo -->
		</ui:define>

		<ui:define name="bodyarea">

		<h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" cellpadding="5" 
					styleClass="bordePanel" id="idPanel01"	style="width:100%;margin-left: 2px;" 
					columns="1">
				<f:facet name="header">
					<h:outputText value="Escenarios" />
				</f:facet>
				
				<h:panelGrid columns="2" cellpadding="0" cellspacing="0"
					id="pnlGridCombo">
					<p:spacer width="100" height="8"></p:spacer>
					<p:spacer width="200" height="8"></p:spacer>

					<h:outputText value="Variables a sensibilizar: " styleClass="texto" />
					<p:selectOneMenu value="#{procesoController.tipoVariableSelected}"
						effect="fade" id="idTipoVarSensibilizar">
						<f:selectItem itemLabel="--Seleccionar--" itemValue="-1" />
						<f:selectItems value="#{procesoContoller.lstTipoVarSen}" var="varSens"
								itemLabel="#{varSens.descripcion}" itemValue="#{varSens.codigo}"/>
					</p:selectOneMenu>
					
				</h:panelGrid>

				<p:dataTable id="idTable" value="#{procesoController.lstParamEsce}"
					var="fila" emptyMessage="No se encontraron registros."
					editable="true">

					<p:column headerText="Escenario">
						<h:outputText value="#{fila.nombrePeriodo}" />
					</p:column>

					<p:column headerText="Periodo 1"
						rendered="#{procesoController.columna1}">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{fila.valorP1.imValor}">
									<f:convertNumber type="percent" />
								</h:outputText>
							</f:facet>
							<f:facet name="input">
								<p:inputText id="idv1" value="#{fila.valorP1.imValor}" />
							</f:facet>
						</p:cellEditor>
					</p:column>

					<p:column headerText="Periodo 2"
						rendered="#{procesoController.columna2}">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{fila.valorP2.imValor}">
									<f:convertNumber type="percent" />
								</h:outputText>
							</f:facet>
							<f:facet name="input">
								<p:inputText id="idv2" value="#{fila.valorP2.imValor}" />
							</f:facet>
						</p:cellEditor>
					</p:column>

					<p:column headerText="Periodo 3"
						rendered="#{procesoController.columna3}">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{fila.valorP3.imValor}">
									<f:convertNumber type="percent" />
								</h:outputText>
							</f:facet>
							<f:facet name="input">
								<p:inputText id="idv3" value="#{fila.valorP3.imValor}" />
							</f:facet>
						</p:cellEditor>
					</p:column>

					<p:column headerText="Acciones">
						<p:rowEditor />
					</p:column>

				</p:dataTable>

			</h:panelGrid>
			
			<p:separator style="width:100%;height:5px" />
			
			<p:dataTable emptyMessage="No se encontraron registros.">
				
					</p:dataTable>
			
				</h:panelGrid>
			
			
			
		</ui:define>
	</ui:composition>
</jsp:root>